/* ConfigTools 主界面样式文件 */

/* ==================== 根容器样式 ==================== */
.root {
    -fx-background-color: #f5f5f5;
    -fx-font-family: "Microsoft YaHei", "SimSun", sans-serif;
    -fx-font-size: 12px;
}

/* ==================== 菜单栏样式 ==================== */
.menu-bar {
    -fx-background-color: #ffffff;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 0 0 1 0;
}

.menu-bar .menu {
    -fx-background-color: transparent;
}

.menu-bar .menu:hover {
    -fx-background-color: #e3f2fd;
}

.menu-bar .menu .label {
    -fx-text-fill: #333333;
    -fx-font-size: 12px;
}

/* ==================== 工具栏样式 ==================== */
.toolbar {
    -fx-background-color: #fafafa;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 0 0 1 0;
}

.toolbar-button {
    -fx-background-color: #2196f3;
    -fx-text-fill: white;
    -fx-background-radius: 4;
    -fx-padding: 5 12 5 12;
    -fx-cursor: hand;
    -fx-font-size: 11px;
}

.toolbar-button:hover {
    -fx-background-color: #1976d2;
}

.toolbar-button:pressed {
    -fx-background-color: #0d47a1;
}

.toolbar-label {
    -fx-text-fill: #666666;
    -fx-font-size: 11px;
}

/* ==================== 主体分割面板样式 ==================== */
.main-split-pane {
    -fx-background-color: #f5f5f5;
}

.main-split-pane .split-pane-divider {
    -fx-background-color: #e0e0e0;
    -fx-padding: 0 2 0 2;
}

/* ==================== 区域标题样式 ==================== */
.area-title {
    -fx-text-fill: #333333;
    -fx-font-size: 14px;
    -fx-font-weight: bold;
    -fx-padding: 0 0 8 0;
}

/* ==================== 文件显示区域样式 ==================== */
.file-area {
    -fx-background-color: #ffffff;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1;
    -fx-border-radius: 4;
}

.file-table {
    -fx-background-color: #ffffff;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1;
    -fx-border-radius: 4;
}

.file-table .column-header {
    -fx-background-color: #f8f9fa;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 0 1 1 0;
    -fx-text-fill: #333333;
    -fx-font-weight: bold;
    -fx-alignment: center;
}

.file-table .table-row-cell {
    -fx-background-color: #ffffff;
    -fx-border-color: transparent;
}

.file-table .table-row-cell:odd {
    -fx-background-color: #f8f9fa;
}

.file-table .table-row-cell:selected {
    -fx-background-color: #e3f2fd;
    -fx-text-fill: #1976d2;
}

.file-table .table-row-cell:hover {
    -fx-background-color: #e8f5e8;
}

.file-table .table-cell {
    -fx-alignment: center-left;
    -fx-padding: 4 8 4 8;
    -fx-border-color: transparent;
}

/* ==================== 操作控制区域样式 ==================== */
.control-area {
    -fx-background-color: #ffffff;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1;
    -fx-border-radius: 4;
}

.control-panel {
    -fx-background-color: #fafafa;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1;
    -fx-border-radius: 4;
    -fx-min-height: 150;
    -fx-max-height: 200;
}

.control-label {
    -fx-text-fill: #333333;
    -fx-font-size: 12px;
    -fx-alignment: center-right;
}

.path-field {
    -fx-background-color: #ffffff;
    -fx-border-color: #cccccc;
    -fx-border-width: 1;
    -fx-border-radius: 2;
    -fx-padding: 4 8 4 8;
    -fx-text-fill: #333333;
}

.path-field:focused {
    -fx-border-color: #2196f3;
    -fx-background-color: #ffffff;
}

.browse-button {
    -fx-background-color: #f5f5f5;
    -fx-text-fill: #333333;
    -fx-border-color: #cccccc;
    -fx-border-width: 1;
    -fx-border-radius: 2;
    -fx-padding: 4 12 4 12;
    -fx-cursor: hand;
    -fx-min-width: 80;
}

.browse-button:hover {
    -fx-background-color: #eeeeee;
    -fx-border-color: #999999;
}

.browse-button:pressed {
    -fx-background-color: #e0e0e0;
}

.action-button {
    -fx-background-color: #f5f5f5;
    -fx-text-fill: #333333;
    -fx-border-color: #cccccc;
    -fx-border-width: 1;
    -fx-border-radius: 4;
    -fx-padding: 6 16 6 16;
    -fx-cursor: hand;
    -fx-min-width: 70;
}

.action-button:hover {
    -fx-background-color: #eeeeee;
    -fx-border-color: #999999;
}

.action-button:pressed {
    -fx-background-color: #e0e0e0;
}

.primary-button {
    -fx-background-color: #4caf50;
    -fx-text-fill: white;
    -fx-border-color: transparent;
    -fx-border-width: 0;
    -fx-border-radius: 4;
    -fx-padding: 6 20 6 20;
    -fx-cursor: hand;
    -fx-font-weight: bold;
    -fx-min-width: 90;
}

.primary-button:hover {
    -fx-background-color: #45a049;
}

.primary-button:pressed {
    -fx-background-color: #3d8b40;
}

/* ==================== 日志显示区域样式 ==================== */
.log-area {
    -fx-background-color: #ffffff;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1 0 0 0;
}

.log-text-area {
    -fx-background-color: #ffffff;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1;
    -fx-border-radius: 4;
    -fx-font-family: "Consolas", "Courier New", monospace;
    -fx-font-size: 11px;
    -fx-text-fill: #333333;
    -fx-padding: 8;
}

.log-text-area .content {
    -fx-background-color: #ffffff;
}

.log-text-area:focused .content {
    -fx-background-color: #ffffff;
}

/* 日志文本中的特殊样式（通过代码动态应用） */
.log-info {
    -fx-fill: #2196f3;
}

.log-success {
    -fx-fill: #4caf50;
}

.log-error {
    -fx-fill: #f44336;
}

.log-warning {
    -fx-fill: #ff9800;
}

/* ==================== 状态栏样式 ==================== */
.status-bar {
    -fx-background-color: #fafafa;
    -fx-border-color: #e0e0e0;
    -fx-border-width: 1 0 0 0;
}

.status-label {
    -fx-text-fill: #333333;
    -fx-font-size: 11px;
}

.status-info {
    -fx-text-fill: #666666;
    -fx-font-size: 11px;
}

/* ==================== 滚动条样式 ==================== */
.scroll-bar {
    -fx-background-color: #f5f5f5;
}

.scroll-bar .track {
    -fx-background-color: #f5f5f5;
    -fx-border-color: transparent;
    -fx-background-radius: 8;
}

.scroll-bar .thumb {
    -fx-background-color: #cccccc;
    -fx-background-radius: 8;
}

.scroll-bar .thumb:hover {
    -fx-background-color: #999999;
}

.scroll-bar .thumb:pressed {
    -fx-background-color: #666666;
}

.scroll-bar .increment-button, .scroll-bar .decrement-button {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.scroll-bar .increment-arrow, .scroll-bar .decrement-arrow {
    -fx-background-color: #999999;
}

/* ==================== 复选框样式 ==================== */
.check-box {
    -fx-text-fill: #333333;
}

.check-box .box {
    -fx-background-color: #ffffff;
    -fx-border-color: #cccccc;
    -fx-border-width: 1;
    -fx-border-radius: 2;
}

.check-box:selected .box {
    -fx-background-color: #2196f3;
    -fx-border-color: #2196f3;
}

.check-box .mark {
    -fx-background-color: white;
}

/* ==================== 提示样式 ==================== */
.tooltip {
    -fx-background-color: #333333;
    -fx-text-fill: white;
    -fx-background-radius: 4;
    -fx-font-size: 11px;
    -fx-padding: 4 8 4 8;
}

/* ==================== 响应式样式 ==================== */
@media (max-width: 1200px) {
    .root {
        -fx-font-size: 11px;
    }
    
    .area-title {
        -fx-font-size: 13px;
    }
}

@media (max-width: 1000px) {
    .control-label {
        -fx-min-width: 60;
    }
    
    .browse-button {
        -fx-min-width: 60;
    }
    
    .primary-button {
        -fx-min-width: 70;
    }
}
